<template>
  <base-paenl>
    <span slot="header">
      全屋租赁信息
    </span>
    <div slot="main" class="slot-main">
      <div v-for="(item, index) of dataList" :key="index">
        <div class="panel-second-row5">
          <div class="panel-row-title">
            {{ item.name }}
          </div>
          <div class="panel-row-main">
            <div class="panel-row-content">
              {{ item.value }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </base-paenl>
</template>

<script lang="ts">
import { Vue, Component, Watch } from "vue-property-decorator";
import BasePaenl from "./CBase.vue";
import exportVue from "@/assets/modules/exportVue";

@Component({
  name: "CWholeHouseRent",
  components: { BasePaenl }
})
export default class extends Vue {
  dataList: any = [];
  mounted() {
    const win: any = window;
    const _this = this;
    exportVue.$on("initFloor", (item: any) => {
      _this.dataList = win.dataConfig.wholeHouseRent;
      if (item) {
        _this.dataList.czr.value = item.cuzr;
        _this.dataList.zlqx.value = item.zlqx;
        _this.dataList.chengzr.value = item.czr;
        _this.dataList.zjjg.value = item.zjjg;
      }
    });
  }
}
</script>

<style lang="scss" scoped>
.slot-main {
  height: 278px;
  .panel-second-row5 {
    .panel-row-title {
      width: 388px;
      height: 17px;
      margin-bottom: 10px;
    }
    .panel-row-main {
      margin-bottom: 10px;
    }
    .panel-row-content {
      width: 395px;
      height: 37px;
      background-image: url(../../assets/images/panels/biaogekuang.png);
      background-size: 100% 100%;
      padding: 10px 15px;
    }
  }
}
</style>
<style lang="scss"></style>
